.approve-drawer {
  :deep(.arco-drawer-body) {
    padding: 0;
  }
  .drawer-container {
    .drawer-title {
      @include flex-between;
      align-items: center;
      padding: 25px 20px 10px;
      border-bottom: 1px solid #dcdfe6;
      :deep(.arco-icon) {
        font-size: 24px;
        color: #86909c;
      }
    }
    .drawer-body {
      @include flex;
      &__form {
        height: 100%;
        width: 50%;
        padding: 20px 16px;
        box-sizing: border-box;
        border-right: 1px solid #dcdfe6;
        .check-button {
          margin: 10px 0;
          padding-left: 0;
        }
        &__items {
          height: calc(100vh - 113px);
          overflow-y: auto;
          padding: 10px;
          box-sizing: border-box;
          background-color: #f6f8fa;
          border: 1px solid #dcdfe6;
          .micro-app,
          :deep(micro-app-body) {
            min-width: 100% !important;
          }
        }
      }
      &__audit {
        width: 50%;
        height: 100%;
        padding: 20px 16px;
        box-sizing: border-box;
        .audit-list {
          height: calc(100vh - 304px);
          overflow-y: scroll;
          margin: 30px 0;
          padding-right: 10px;
          .audit-item {
            .audit-header {
              @include flex-center;

              img {
                width: 40px;
                height: 40px;
                border-radius: 50%;
              }

              > div {
                margin-left: 16px;
                width: 100%;

                .audit-title {
                  @include flex-between;
                }
              }
            }

            .audit-desc,
            .audit-status,
            .content,
            span {
              color: #86909c;
              font-size: 12px;
            }
            .audit-desc,
            .divider {
              margin-left: 20px;
              border-left: 1px solid rgb(var(--gray-2));
            }
            .divider {
              height: 90px;
            }
            .audit-desc {
              box-sizing: border-box;
              .content {
                width: 100%;
                padding: 12px;
                box-sizing: border-box;
                border-radius: 4px;
              }
            }
          }
        }
        .audit-button {
          width: calc(100% - 40px);
          .form-buttons {
            @include flex;
            justify-content: center;
            gap: 20px;
            margin-top: 30px;
            &--refuse {
              background-color: #f2f3f5;
            }
            :deep(.arco-btn) {
              width: 92px;
              border: 0;
            }
          }
        }
      }
    }
  }
}
